@charset "UTF-8";
html{
  width: 100%;
  height: 100%;
}
//头部
.header_logo{
  background: url("../../Images/sprite_header_logo2.png") no-repeat;
}
.header_nav > ul > li a{
  color: #fff;
}
.top_arrow{
  border-color: #fff transparent transparent transparent;
}

//=======公共===========
.main{
  width: 100%;
  height: 720px;
}

.ms-left{

  //内容左侧
  .ms-section{
    background-color: #3f51b5;
    position: relative;

    z-index: 5;
    .mask{
      position: absolute;
      bottom: 200px;
      left: 0;
       width: 100%;
      height: 100%;
     background: url("../../Images/profucts/icon_maskl.png?_nosprite") no-repeat;
      background-size: 100% 100%;
    }
    .circle_left{
      position: absolute;
      top:40%;
      right: 0;
      margin-top: -75px;
      z-index:10;
    }
  }
}
.ms-right{
  //右侧内容
  .ms-section{
    background-color: #5060bb;
    /* overflow: hidden;*/
    position: relative;
    z-index:5;
    .mask{
      position: absolute;
      bottom: 200px;
      right: 0;
      width:100%;
      height:100%;
      background: url("../../Images/profucts/icon_maskr.png?_nosprite") no-repeat;
      background-size: 100% 100%;

    }
    .circle_right{
      position: absolute;
      top:40%;
      left: 0;
      margin-top: -75px;
      z-index:7;
    }
    .describe{
      width:64.5%;
      position: absolute;
      top: 28%;
      left:18%;
      color: #fff;
      h1{
        font-size: 36px;
        padding-bottom: 40px;
        font-weight: 500;
      }
      h3{
        font-size: 24px;
        line-height: 48px;
        font-weight: normal;
      }
      p{
        font-size: 18px;
        line-height: 48px;
        font-weight: normal;
      }
    }
  }
}

//======圆点===========
#multiscroll-nav span, .multiscroll-slidesNav span{
  background: #fff;
  border: none;
}
#multiscroll-nav li .active span, .multiscroll-slidesNav .active span{
  background: #fff;
}
#multiscroll-nav{
  margin-top:-133px;
}
#multiscroll-nav li, .multiscroll-slidesNav li{
  width: 120px;
}
#multiscroll-nav li a, .multiscroll-slidesNav li a{
  margin-left: 110px;
}
#multiscroll-nav li a.active, .multiscroll-slidesNav li a.active{
  span{
    background:#1c32ad ;
  }
}
//=======左侧图片========
.item1{
  .special_img{
    position: absolute;
    right:35%;
    top:14.5%;
    width: 41.7%;
    height: 55.3%;//72.3
  }
}
.item2{

  .special_img{
    position: absolute;
    right:23%;
    top:16%;
    width: 54.5%;
    height: 54.7%;//72.7
  }
}
.item3{
  .special_img{
    position: absolute;
    right:21%;
    top:15%;
    width: 60.6%;
    height: 57.2%;//73.2
  }
}
.item4{
  .special_img{
    position: absolute;
    right:18%;
    top:18%;
    width:70.4%;//75.4
    height:52.4%;//69.4
  }
}

.item5{
  .special_img{
    position: absolute;
    right:20%;
    top:18%;
    width:58.2%;
    height:50.2%;//71.2
  }
}
.item6{
  .special_img{
    position: absolute;
    right:18%;
    top:18%;
    width:64.8%;
    height:50.6%;//69.6
  }
}

.item7{
  .special_img{
    position: absolute;
    right:23%;
    top:18%;
    width:54.3%;
    height:54.3%;//70.3
  }
}

.item8{
  .special_img{
    position: absolute;
    right:20%;
    top:17%;
    width:62.5%;
    height:55.5%;//78.5
  }
}

.item9{
  .special_img{
    position: absolute;
    right:14%;
    top:20.8%;
    width:72.2%;
    height:48%;//57
  }
}
.item10{
  .special_img{
    position: absolute;
    right:26%;
    top:18%;
    width:52.3%;
    height:50.5%;//61.5
  }
}

.item11{
  .special_img{
    position: absolute;
    right:28%;
    top:20%;
    top:17%;
    width:48%;
    height:51.5%;//63.5
  }
}

.item12{
  .special_img{
    position: absolute;
    right:21%;
    top:15%;
    width:52.4%;
    height:55%;//70
  }
}

.item13{
  .special_img{
    position: absolute;
    right:21%;
    top:18%;
    width:65.6%;
    height:50.6%;//62.6
  }
}



//=====底部背景====
.footer{
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #0a0849;
}
